<ion-view title="投资券"> 
	<ion-content>
		<div class="row" >
		  <div class="col col-50" style="text-align: center;border-right: 1px solid #f8f8f8;">
				<font style="color: #484747">{{data.money}}</font><br/><font style="font-size: 13px;color: #727171;">可用金额(元)</font>
		  </div>
		  <div class="col col-50" style="text-align: center;">
		  		<font style="color: #484747">{{data.count}}</font><br/><font style="font-size: 13px;color: #727171;">可用投资券(张)</font>
		  </div>
		</div>
		<ion-list>
			<div ng-repeat ="loanRed in list" style="margin: 0;padding: 0;background: #f8f8f8;">
				<!--可用-->
				<div style="padding: 15px 0;" ng-if="loanRed.timeStatus==0">
					<div  style="background:url(img/loanRed.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%">
						<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#f96300;">￥{{loanRed.amount | number:2}}</div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;"><a href="javascript:void(0)" ng-click="showRule()">查看使用规则>></a></div>
					</div>
				
				</div>
				<!--已使用-->
<!--				<div style="padding: 15px 0;" ng-if="loanRed.status==1">
					<div  style="background:url(img/loanRedOther.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%;position: relative;">
						<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#d5d5d5;">￥{{loanRed.amount | number:2}}</div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;">查看使用规则>></div>
						<img src="img/used.png" style="position: absolute;z-index: 99999;width:36%;top: 5%;right:0;"/>
					</div>
				</div>-->
				<!--已过期-->
				<div style="padding: 15px 0;" ng-if="loanRed.timeStatus==1" >
					<div   style="background:url(img/my/loanRedOther.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%">
						<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#d5d5d5;">￥{{loanRed.amount | number:2}}</div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
						<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;">查看使用规则>></div>	
<!--						<img src="img/overDue.png" style="position: absolute;z-index: 99999;width:36%;top: 5%;right:0;"/>
-->					</div>
				</div>
			</div>	
			<img ng-if="noData" style="margin-top: 40px;margin-left: 18%;width: 60%;" src="img/404.png">
				&nbsp;
			</img>
			<a ng-click="showRule()" ng-if="noData" href="javascript:void(0);" style="display: block;margin-top: 10px;text-align: center;"> 查看使用规则</a>
			<ion-infinite-scroll ng-if="noMore" on-infinite="loadList()" distance="20%"></ion-infinite-scroll> 
		</ion-list>
	</ion-content> 
</ion-view>